import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import { Form, Field, NavBar, Button, Tabbar, TabbarItem, Icon, Tab, Tabs, Cell, CellGroup, List, PullRefresh, ActionSheet, Popup, Row, Col, Badge, Search } from 'vant'
import directive from '@/utils/directives.js'

// 引入移动端适配处理器
import 'amfe-flexible'

// 通过eslint插件，可以在编写代码的过程中实现eslint的规则校验
// 但是不使用eslint插件，在webpage打包过程中 进行格式化校验
// 建议大家使用eslint插件实现代码的格式化
// 1.保证在编辑器中
// 2.保证项目以根目录的方式打开
// 3.保证项目中.eslintrc.js文件

// 引入接口
import { allChannelListAPI } from '@/api'

Vue.use(Search)
Vue.use(directive)

Vue.use(Badge)
Vue.use(Row)
Vue.use(Col)

Vue.use(Popup)

Vue.use(ActionSheet)

Vue.use(PullRefresh)

Vue.use(List)

Vue.use(Cell)
Vue.use(CellGroup)

Vue.use(Tab)
Vue.use(Tabs)

Vue.use(Icon)

Vue.use(Tabbar)
Vue.use(TabbarItem)

Vue.use(Button)

Vue.use(Form)
Vue.use(Field)
Vue.use(NavBar)

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: (h) => h(App)
}).$mount('#app')

// 测试接口是否成功
const myFn = async () => {
  try {
    await allChannelListAPI()
  } catch (err) {
    console.dir(err)
  }
}
myFn()
